<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /**
         * BOM:
         *  浏览器对象
         *  BOM可以使我们通过js来操作浏览器
         *  BOM对象：
         *      window
         *          代表的是整个浏览器的窗口，同时window也是网页中的全局对象
         *      Naivgator
         *          代表的当前浏览器的信息，通过该对象来识别不同的浏览器
         *      Location
         *          代表当前浏览器的地址信息，通过Location可以获得地址栏信息，或者操作浏览器跳转页面
         *      History
         *          代表浏览器的历史记录，可以通过该对象来操作浏览器的历史记录
         *              由于隐私的原因，该对象不能获取到具体的历史记录，只能操作浏览器向前或向后翻页
         *              且该操作只在当此访问时有效
         *      Screen
         *          代表用户的屏幕信息，通过该对象可以获取到用户的显示器的相关信息
         * 
         *--------以上的对象除window外的对象都是作为window对象的属性保存的
         *          语法：window.对象 或者直接使用
        */      
        console.log(navigator);
        console.log(location);
        console.log(history);

    </script>
</body>
</html>